<template>
	<view class="qq">
		<view class="tops1">
			<image class="left" src="https://ysy001.oss-cn-beijing.aliyuncs.com/ysyIco/35.png" mode=""></image>
			<view class="infos">
				<view class="name">
					支付成功！
				</view>
				<view class="desc">
					请从打开的柜门中取出氧气罐
				</view>
			</view>
		</view>
		<view class="line">
			
		</view>
		<view class="mid">
			{{paySucMsg}}
		</view>
		
		<view @click="sure" class="btns">
			<text>确 定</text>
		</view>

	</view>
</template>

<script>
	export default {

		data() {
			return {
paySucMsg:""
			}
		},
		mounted() {
			this.$u.api.config({
				paramCode: "paySucMsg"
			}).then(res => {
				if (res.code == 0) {
					this.paySucMsg = res.config
				}
			})
		},
		methods: {
			sure() {
				this.$emit('handleSuc')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.qq {
		width: 600rpx;
		height: 771rpx;
		background: #F5F5F5;
		border-radius: 20rpx 20rpx 20rpx 20rpx;

		border: 1rpx solid #FFFFFF;
		
		.btns {
		margin: 0 auto;
				width: 315rpx;
				height: 86rpx;
				background: linear-gradient(180deg, #0C5CFF 0%, #84ACFF 100%);
				box-shadow: 0rpx 8rpx 9rpx 0rpx rgba(41,88,255,0.23);
				border-radius: 76rpx 76rpx 76rpx 76rpx;
				opacity: 1;
				margin-top: 52rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				text{
					font-size: 32rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					line-height: 38rpx;
					text-shadow: 0px 6px 5px rgba(0,29,183,0.2);
					background: linear-gradient(180deg, #FFFFFF 0%, #C2E2FF 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
		
			}
		.line{
			// z-index: 4;
			// position: absolute;
			// top: 0;
			// left: -8rpx;
			background: #08A96C;
			height: 13rpx;
			width: 478rpx;
			border-radius: 15rpx;
			margin: -38rpx auto 0;
			
		}
		.mid{
			position: relative;
			z-index: 5;
			
			font-size: 29rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #04BC6E;
			line-height: 50rpx;
			
			padding:60rpx 25rpx;
			width: 461rpx;
			height: 349rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 4rpx 13rpx 0rpx rgba(0,0,0,0.1);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;
			margin: -6rpx auto 48rpx;
			.money{
				font-size: 24rpx;
				font-family: PingFang SC-Semibold, PingFang SC;
				
				color: #1B6BE3;
				line-height: 49rpx;
				display: flex;
				align-items: flex-end;
				text{
					font-size: 41rpx;
					font-weight: 600;
				}
				.unit{
					font-size: 24rpx;
					line-height: 35rpx;
					padding-left: 5rpx;
				}
			}
			.time{
				margin-top: 15rpx;
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
				line-height: 49rpx;
			}
			.names{
				border-bottom: 1rpx dashed #CBCBCB;
				padding-bottom: 27rpx;
				text-align: center;
				font-size: 29rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #04BC6E;
				line-height: 34rpx;
				text{
					font-size: 65rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #04BC6D;
					line-height: 76rpx;
					padding: 0 30rpx;
				}
			}
		}

		.tops1 {
			width: 101%;
			height: 269rpx;
			margin: -1px;
			background: linear-gradient(180deg, #08B878 0%, #8EDE8D 100%);
			display: flex;
			align-items: center;

			.left {
				margin-left: 44rpx;
				width: 153rpx;
				height: 113rpx;
				margin-right: 10rpx;
			}

			.infos {
				.name {
					font-size: 37rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 43rpx;
				}

				.desc {
					font-size: 27rpx;
					font-family: PingFang SC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 43rpx;
				}
			}
		}

		.btns {
			margin: 0 auto;
			width: 315rpx;
			height: 86rpx;
			background: linear-gradient(180deg, #0C5CFF 0%, #84ACFF 100%);
			box-shadow: 0rpx 8rpx 9rpx 0rpx rgba(41, 88, 255, 0.23);
			border-radius: 76rpx 76rpx 76rpx 76rpx;
			opacity: 1;
			margin-top: 52rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			text {
				font-size: 32rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				line-height: 38rpx;
				text-shadow: 0px 6px 5px rgba(0, 29, 183, 0.2);
				background: linear-gradient(180deg, #FFFFFF 0%, #C2E2FF 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}

		}

	}
</style>
